<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta charset="utf-8">
	    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	    <meta name="apple-mobile-web-app-status-bar-style" content="black">
	    <meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="format-detection" content="telephone=no">
	    <meta name="format-detection" content="address=no">
	    <link rel="stylesheet" type="text/css" href="css/j-shouye.css"/>
	    <link rel="stylesheet" type="text/css" href="css/j-reset.css"/>
	    <link rel="stylesheet" type="text/css" href="css/j-common.css"/>
	    <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	    <script src="js/jquerys-1.7.2.min.js" type="text/javascript"></script>
		<script src="js/swiper.jquery.min.js" type="text/javascript"></script>
		<script src="js/j-rem.js" type="text/javascript"></script>
		<script src="js/j-index.js" type="text/javascript"></script>
		<title>品牌首页</title>
	</head>
	<body>
		  <div class="wrap">
		  	 <div class="brand-title">
		  	 	  <i class="nav-list"></i>
		  	 	  <a class="back"></a>
		  	 	  <p class="nav-title-name">SWISSE</p>
		  	 </div>
		  	
		  	<div class="brand-container">
	  	  	 	 	 <div class="brand-swiper">
			  	  	    <div class="swiper-wrapper">
							<div class="swiper-slide">
								<a href="pro-index.html"><img src="img/hot-sell.png"/></a>
							</div>
			  	  	   	  	<div class="swiper-slide">
			  	  	   	  		 <a href="pro-index.html"><img src="img/hot-sell.png"/></a>
			  	  	   	  	</div>
			  	  	   	  	<div class="swiper-slide">
			  	  	   	  		<a href="pro-index.html"><img src="img/hot-sell.png"/></a>
			  	  	   	  	</div>
			  	  	   	  	<div class="swiper-slide">
			  	  	   	  		<a href="pro-index.html"><img src="img/hot-sell.png"/></a>
			  	  	   	  	</div>
			  	  	   	 </div>
				  	  	 <div class="swiper-pagination  sale1">
				  	  	 </div>
				  	  </div>
			</div> 

				  	  <ul class="brand-kinds"> 
						 <li>全部</li>
						 <li>男士</li>
						 <li>女士</li>
						 <li>幼儿</li>
						 <li>中老年</li>	
				  	  </ul>
			  <div class="product-container">
				  	 <div class="product">
				   	    <i class="pro-new"></i>
				   	    <i class="collect"></i>
				   	    <i class="city"></i>
				   	   <a class="pro-icon" href="pro-index.html">
				   	      <img src="img/pro1.png">
				   	   </a>
				   	   <a class="pro-icon1-name" href="pro-index.html">Hopes Relief湿疹膏</a>
				   	   <div class="hx"> <img class="hx-icon" src="img/hx.png"></div>
				   	   <p class="pro1-price">￥327.00</p>
				   	   <p class="sold">已售<span class="sold-num">342</span>件</p>
				   </div>
				   <div class="product">
				   	    <i class="pro-new"></i>
				   	    <i class="collect"></i>
				   	    <i class="city"></i>
				   	   <a class="pro-icon" href="pro-index.html">
				   	      <img src="img/pro3.png">
				   	   </a>
				   	   <a class="pro-icon1-name" href="pro-index.html">Hopes Relief湿疹膏</a>
				   	   <div class="hx"> <img class="hx-icon" src="img/hx.png"></div>
				   	   <p class="pro1-price">￥327.00</p>
				   	   <p class="sold">已售<span class="sold-num">342</span>件</p>
				   </div>

				   <div class="product">
				   	    <i class="pro-new"></i>
				   	    <i class="collect"></i>
				   	    <i class="city"></i>
				   	   <a class="pro-icon" href="pro-index.html">
				   	      <img src="img/pro1.png">
				   	   </a>
				   	   <a class="pro-icon1-name" href="pro-index.html">Hopes Relief湿疹膏</a>
				   	   <div class="hx"> <img class="hx-icon" src="img/hx.png"></div>
				   	   <p class="pro1-price">￥327.00</p>
				   	   <p class="sold">已售<span class="sold-num">342</span>件</p>
				   </div>

				   <div class="product">
				   	    <i class="pro-new"></i>
				   	    <i class="collect"></i>
				   	    <i class="city"></i>
				   	   <a class="pro-icon" href="pro-index.html">
				   	      <img src="img/pro3.png">
				   	   </a>
				   	   <a class="pro-icon1-name" href="pro-index.html">Hopes Relief湿疹膏</a>
				   	   <div class="hx"> <img class="hx-icon" src="img/hx.png"></div>
				   	   <p class="pro1-price">￥327.00</p>
				   	   <p class="sold">已售<span class="sold-num">342</span>件</p>
				   </div>
				   
				  </div>	  
		    </div>
			
			<div id="brand-mask">
				 <div class="brand-mask-head">
				 		<i class="brd-icon"></i>
				 		<a href="#" class="brd-service"><img src="img/brd-service.png"></a>
				       <span class="brd-title fl">瑞思</span>
				       <span class="brd-situ fl">商品数量 <span class="brd-num">54</span>
				       <sub class="xb">件</sub></span>
				       <span class="brd-situ fl">评价<span class="brd-num">5</span>
				       <sub class="xb">分</sub></span>
				 </div>
				 <div class="brand-art-wrap"> 
				 <p class="brand-art">
						Swisse品牌于50年代后期成立于澳大利亚的墨尔本，是澳洲自然医学疗法的先驱之一，所有临床研究均在澳洲知名高等学府进行。其采用最科学的配方与最优质的原材料，所有产品均经过临床认证，安全有效。该品牌在澳大利亚的口碑高于Blackmores，是澳洲当地最好的维生素品牌，品质卓著，在澳大利亚联邦医药署的高强控制下，确保您能安心服用。
				 </p>
				 <p class="brand-art">
				 “以科学实现健康，以成效主导市场”Swisse公司始创于本世纪50年代末成立于澳大利亚墨尔本，澳洲自然医学疗法的先驱之一。所有产品原料均来源于最值得信任的供应商，并且尽一切可能使用最高质量的天然原料，而非合成的化学成分。每一个产品从原料的采购至成品，至少经过300个以上的质量检验环节。Swisse在研究产品配方时唯一关注的是品质，从不考虑成本。因此。Swisse产品在澳洲本土市场上的价格也略贵于其他同类产品。
				 </p>
				 </div>
				 <i class="brd-up"></i>
				 <i class="brd-down"></i>
			</div>

	
	
	<script type="text/javascript">
	  $(document).ready(function(){


		var sale = new Swiper('.brand-swiper',{
		  	   	paginationClickable: true,
		  	   	loop:true,
		        // autoplay:3000,
		        slidesPerView: 1,
		        grabCursor : true,
		        pagination:'.swiper-pagination',
		  	   });

	})
	</script>
    </body>	
</html>
